<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>一起去看海吗</title>

  <style>
    html {
      scroll-behavior: smooth;
    }

    h1 {
      color: rgb(53, 114, 227);
    }

    h2 {
      color: blue;
      font-size: 16px;
    }
  </style>
</head>

<body>
  <!--head-->
  <h1><em>To 千千</em></h1>
  <p style="text-indent: 2em;">
    <a href="https://www.bilibili.com/video/BV1cv4y1G7zH/?spm_id_from=333.337.search-card.all.click&vd_source=2c61d1e6ca7930c15b9caf5b836c5796"
      style="text-decoration: none; font-size: 20px;">请问这位可爱的先生，愿意和我一起去海边吗 :）</a>
  </p>

  <!--body-->
  <br>
  <br>
  <h2>点击查看海边照片</h2>
  <ul>
    <li><a href="#ferry">轮渡</a></li>
    <li><a href="#sunrise">日出</a></li>
    <li><a href="#sunset">日落</a></li>
    <li><a href="#shazikou">沙子口</a></li>
    <li><a href="#night">夜晚</a></li>
  </ul>

  <div id="ferry" style="margin-top: 30px;">
    <h3>轮渡</h3>
    <img src="img_sea/轮渡.jpg" alt="轮渡海景" style="max-width: 500px; height: auto;">
  </div>

  <div id="sunrise" style="margin-top: 30px;">
    <h3>日出</h3>
    <img src="img_sea/日出.jpg" alt="海边日出" style="max-width: 500px; height: auto;">
  </div>

  <div id="sunset" style="margin-top: 30px;">
    <h3>日落</h3>
    <img src="img_sea/日落.jpg" alt="海边日落" style="max-width: 500px; height: auto;">
  </div>

  <div id="shazikou" style="margin-top: 30px;">
    <h3>沙子口</h3>
    <img src="img_sea/沙子口.jpg" alt="沙子口" style="max-width: 500px; height: auto;">
  </div>

  <div id="night" style="margin-top: 30px;">
    <h3>夜晚</h3>
    <img src="img_sea/夜晚.jpg" alt="海边夜晚" style="max-width: 500px; height: auto;">
  </div>

  <!--end-->
  <br>
  <p style="text-align: center; margin-top: 20px;  color: rgb(53, 114, 227);">所有疯狂冲动的瞬间，都希望有你在身边</p>
  <p style="text-align: center; font-size: 20px; margin-top: 10px;"><em>ps: 放轻松~<br> 希望千熙永小朋友自由自在，在人生这个大游乐场里玩得开心</em>
  </p>





</body>

</html>